// 自定义字体
@font-face {
  font-family: "Cormorant";
  src: url("~assets/fonts/Cormorant-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

/* ===== 主色系 ===== */
$dark-gold: #fd7e14; /* 主品牌色-暗金 */
$gold-hover: #ffa94d;
$gold-accent: #c8a97e; /* 香槟金 */
$gold-light: #e5d6c6; /* 浅香槟-辅助色 */
$light-gray: #a1a1a1;

/* ===== 中性色 ===== */
$pure-black: #000000;
$obsidian: #1a1a1a; /* 黑曜石-背景/文字 */
$charcoal: #2d2d2d; /* 炭黑-卡片/边框 */
$slate: #3c3c3c; /* 石板灰-次级背景 */
$ivory: #f5f5f5; /* 象牙白-特殊背景 */
$pure-white: #ffffff; /* 纯白-文字/图标 */
$disabled: #838383; /* 禁用色-辅助背景 */

/* ===== 功能色 ===== */
$emerald: #4caf50; /* 翡翠绿-成功状态 */
$amber: #ffb74d; /* 琥珀橙-警告提示 */
$ruby: #d32f2f; /* 红宝石-错误状态 */
$sapphire: #2196f3; /* 蓝宝石-信息提示 */

// ===== 评分/星级颜色 =====
$star-active: #e93323; // 激活的星星颜色

/* ===== 特效属性 ===== */
$gold-gradient: linear-gradient(
  135deg,
  var($dark-gold) 0%,
  var($gold-accent) 100%
);
$gold-shadow: 0 4px 20px rgba(200, 169, 126, 0.3);
$gold-border: 1px solid rgba(200, 169, 126, 0.5);

/*
===== 字体特效 =====
.gold-text {
  background: var(--gold-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600;
}

.text-emboss {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3), 
               -1px -1px 1px rgba(255,255,255,0.1);
}
    
===== 产品卡片 =====
.product-card {
  background: var(--charcoal);
  border: var(--gold-border);
  font-family: var(--font-sans);
  
  .product-title {
    font-family: var(--font-serif);
    color: var(--dark-gold);
    font-size: 1.5rem;
  }
  
  .price {
    font-family: var(--font-script);
    color: var(--gold-accent);
    font-size: 1.8rem;
  }
}

===== 按钮系统 =====
.btn-gold {
  background: var(--gold-gradient);
  color: var(--obsidian);
  font-family: var(--font-sans);
  font-weight: 600;
  border: none;
  box-shadow: var(--gold-shadow);
  
  &:hover {
    background: linear-gradient(135deg, #D4AF37 0%, #E5C876 100%);
  }
}

.btn-outline-gold {
  background: transparent;
  color: var(--dark-gold);
  border: var(--gold-border);
  font-family: var(--font-serif);
  
  &:hover {
    background: rgba(200, 169, 126, 0.1);
  }
}
  
*/
